<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport"
          content="width=device-width, initial-scale=1">
    <title>Title</title>
    <meta name="renderer" content="webkit">

    <!-- No Baidu Siteapp-->
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <!-- Add to homescreen for Chrome on Android -->
    <meta name="mobile-web-app-capable" content="yes">
    <link rel="stylesheet" href="../../resources/css/amazeui.css"/>
    <link rel="stylesheet" href="../../resources/css/amazeui.videojs.css"/>
    <script src="../../resources/js/jquery-1.9.1.min.js"></script>
    <script src="../../resources/js/amazeui.ie8polyfill.js"></script>
    <script src="../../resources/js/amazeui.js"></script>
    <script src="../../resources/js/video.js/video.js"></script>
</head>
<body>

<ul class="am-g am-center">
    <li class="am-u-sm-12 am-thumbnail">

        <video id="example_video_2" class="video-js vjs-amazeui" controls preload="none"
               poster="../../resources/images/1.png"
               data-setup="{}">
            <source src="http://video-js.zencoder.com/oceans-clip.mp4" type='video/mp4'/>
            <!--<source src="http://video-js.zencoder.com/oceans-clip.webm" type='video/webm' />-->
            <!--<source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg' />-->
            <track kind="captions" src="../../resources/js/video.js/demo.captions.vtt" srclang="en"
                   label="English"></track>
            <!-- Tracks need an ending tag thanks to IE9 -->
            <track kind="subtitles" src="../../resources/js/video.js/demo.captions.vtt" srclang="en"
                   label="English"></track>
            <!-- Tracks need an ending tag thanks to IE9 -->
            <p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser
                that <a
                        href="http://videojs.com/html5-video-support/video.vm" target="_blank">supports HTML5 video</a>
            </p>
        </video>
        <!--<button type="button" class="am-btn am-btn-success">默认样式</button>-->
    </li>
    <li class="am-u-sm-12 am-thumbnail">
        <video id="example_video_1" class="video-js vjs-amazeui am-center" controls preload="none"
               poster="../../resources/images/1.png"
               data-setup="{}">
            <source src="http://video-js.zencoder.com/oceans-clip.mp4" type='video/mp4'/>
            <!--<source src="http://video-js.zencoder.com/oceans-clip.webm" type='video/webm' />-->
            <!--<source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg' />-->
            <track kind="captions" src="../../resources/js/video.js/demo.captions.vtt" srclang="en"
                   label="English"></track>
            <!-- Tracks need an ending tag thanks to IE9 -->
            <track kind="subtitles" src="../../resources/js/video.js/demo.captions.vtt" srclang="en"
                   label="English"></track>
            <!-- Tracks need an ending tag thanks to IE9 -->
            <p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser
                that <a
                        href="http://videojs.com/html5-video-support/video.vm" target="_blank">supports HTML5 video</a>
            </p>
        </video>
    </li>
</ul>

<!--<ul class="am-avg-sm-2 am-avg-md-3 am-avg-lg-4 am-thumbnails">-->
    <!--<li><img class="am-thumbnail" src="http://s.amazeui.org/media/i/demos/bing-1.jpg" /></li>-->
    <!--<li><img class="am-thumbnail" src="http://s.amazeui.org/media/i/demos/bing-2.jpg" /></li>-->
    <!--<li><img class="am-thumbnail" src="http://s.amazeui.org/media/i/demos/bing-3.jpg" /></li>-->
    <!--<li><img class="am-thumbnail" src="http://s.amazeui.org/media/i/demos/bing-4.jpg" /></li>-->
    <!--<li><img class="am-thumbnail" src="http://s.amazeui.org/media/i/demos/bing-1.jpg" /></li>-->
    <!--<li><img class="am-thumbnail" src="http://s.amazeui.org/media/i/demos/bing-2.jpg" /></li>-->
    <!--<li><img class="am-thumbnail" src="http://s.amazeui.org/media/i/demos/bing-3.jpg" /></li>-->
    <!--<li><img class="am-thumbnail" src="http://s.amazeui.org/media/i/demos/bing-4.jpg" /></li>-->
<!--</ul>-->


<script>
    //    videojs.options.flash.swf = "../../resources/js/video.js/video-js.swf";
</script>

</body>
</html>